/* Smartphones */
@media only screen and (max-width: 600px)
{
	#header{
		background: purple;
	}
}

/* Tablet (landscape) */
@media only screen and (min-width: 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	#header{
		background: #373737;
	}
}

/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	#header{
		background: red;
	}
}